<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
body {
	background-color: green;
}

.div2 {
	width: 100px;
	height: 58px;
	background-color: yellow;
	position: relative;
	margin-top: 30px;
	animation: che 5s infinite linear;
	margin:100px auto;
}

.div3 {
	width: 100px;
	height: 58px;
	background-color: yellow;
	position: absolute;
	transform: rotate(60deg);
}

.div4 {
	width: 100px;
	height: 58px;
	background-color: yellow;
	position: absolute;
	transform: rotate(-60deg);
}

/*.div2:BEFORE, .div2:AFTER {
	content: "";
	position: absolute;
	width: 100px;
	height: 58px;
	background-color: yellow;
	
}  */
@keyframes che {
from{ transform:rotate(0);}
to{transform:rotate(360deg);}
}
</style>
</head>
<body>

	<div class="div2">
		<div class="div3"></div>
		<div class="div4"></div>
	</div>

</body>
</html>